<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>web_html</title>
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<header>
		<div class="head">
			<img src="img/title2.png" alt="" class="logo">
			<div class="bar">
				<nav>
					<a href="">HOME</a>
					<a href="">WORK</a>
					<a href="">CONTACT</a>
					<a href="">JOIN US</a>

					</nav>
				</div>
			</div>
		</header>
			
		<main>
			<div class="banner">
				<img src="img/dongtu.jpg" alt class="banner-logo">
			</div>
		
			<div class="container">
				<p>INFINI（映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。</p>
	        </div>
	    <div class="parner">
						<span><img src="img/1.jpg"/></span>
						<span><img src="img/2.jpg"/></span>
						<span><img src="img/14.jpg"/></span>
						<span><img src="img/13.jpg"/></span>
						<span><img src="img/4.jpg"/></span>
						<span><img src="img/5.jpg"/></span>
						<span><img src="img/6.jpg"/></span>
						<span><img src="img/7.jpg"/></span>
						<span><img src="img/12.jpg"/></span>
						<span><img src="img/13.jpg"/></span>
						<span><img src="img/8.jpg"/></span>
						<span><img src="img/9.jpg"/></span>
						<span><img src="img/10.jpg"/></span>
						<span><img src="img/11.jpg"/></span>
				</div>
				
				<div class="work">
					<div class="picture">
						<figure>
							<img src="img/抖音海外版Tik Tok.jpg" alt="迪拜跨年灯光秀" class="photo">
							<figcaption>抖音海外版Tik Tok</figcaption>
						</figure>
					</div>
					<div class="picture">
						<figure>
							<img src="img/今日头条年度盛典.jpg" alt="今日头条" class="photo">
							<figcaption>今日头条年度盛典</figcaption>
						</figure>
					</div>
					<div class="picture">
						<figure>
							<img src="img/火影忍者.jpg" alt="腾讯游戏 不火影，枉少年" class="photo">
							<figcaption>火影忍者</figcaption>
						</figure>
					</div>
					<div class="picture">
						<figure>
							<img src="img/圣诞老人.jpg" alt="Infini Studio" class="photo">
							<figcaption>小星球的圣诞老人纷纷出动</figcaption>
						</figure>
					</div>
					<div class="picture">
						<figure>
							<img src="img/在豆瓣.jpg" alt="豆瓣" class="photo">
							<figcaption>在豆瓣，兴趣让用户与品牌不期而遇</figcaption>
						</figure>
					</div>
					<div class="picture">
						<figure>
							<img src="img/华为发布会.jpg" alt="华为" class="photo">
							<figcaption>华为发布会《为您构筑下一代网络安全》</figcaption>
						</figure>
					</div>
				</div>
			</main>
			<footer>
				<div class="left-footer">
					<a href="">
						<img src="img/contact1.jpg" align class="contact-logo">
					</a>
					<a href="">
						<img src="img/contact2.jpg" align class="contact-logo">
					</a>
					<a href="">
						<img src="img/contact3.jpg" align class="contact-logo">
					</a>
				</div>
				<div class="right-footer">
					<p>INFINI | 映纷创意</p>
					<p>北京市朝阳区常营</p>
					<p>TEL : 010-85394331</p>
					<p>QQ : 7585917</p>
					<p>Email : infinistudio@foxmail.com</p>
					<p>weibo : @InfiniStudio</p>
				</div>
			</footer>
		</body>
		</html>
		